<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
  <title>JSP - Hello World</title>
    <script type="text/javascript">
        function findCity() {
            // 1.创建异步对象
            var xmlHttp=new XMLHttpRequest();
            // 2.绑定事件
            xmlHttp.onreadystatechange=function () {
                // 处理服务器端返回的数据，更新页面
                if (xmlHttp.readyState==4 && xmlHttp.status==200){
                    // 获取响应对象的数据
                    var strings = xmlHttp.responseText;
                    // 更新到页面
                    document.getElementById("name").innerText=strings;
                }
            }
            // 3.初始化请求数据
            var id=document.getElementById("priid").value;
            var parm="priid="+id;

            xmlHttp.open("get","findServlet?"+parm,true);
            // 4.发起请求
            xmlHttp.send();
        }
    </script>
</head>
<body>
    <h1> 查询省份信息 </h1>
<br/>
        <table>
            <tr>
                <td> 省份编号：</td>
                <td>
                <input type="text" id="priid">
                </td>
                <td><input type="button" value="搜索" onclick="findCity()"></td>
            </tr>
            <tr>
                <td> 省份名称：</td>
                <td> <input type="text" id="name"> </td>
                <td>

                </td>
            </tr>
            <tr>
                <td> 省份简称：</td>
                <td> <input type="text" id="jc"> </td>
                <td>
                </td>
            </tr>
        </table>
</body>
</html>